<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 1 js三大组成部分:ECMAScript + BOM(browser object model) + DOM(document object model)
        // 2 三种输出语句  弹出输出:alert()  页面输出:document.write()  控制台输出:console.log()   注意只有页面输出识别标签
        // 3 声明变量  var 
        // 4 变量的命名规则
        //     由字母+数字+下划线组成  + $ 
        //     数字不能开头
        //     不能使用关键字和保留字
        //     语义化,见名知意
        //     建议使用小驼峰或者组合命名
        // 5 基本数据类型  number  string  boolean  null  undefined   
        //     判断数据类型的方法  typeof 
        //     null 空对象  属于object
        //     面试题  typeof typeof 任何值   string
        // 6 = 赋值    == 值等    === 全等(值和数据类型)
        // 7 4>3>0   true->1    false->0
        // 8 交换两个变量的值
        var x = 1 , y = 2 ;
        // 声明一个变量
        var z ;
        z = x ;
        x = y ;
        y = z ;
        // x = y ;
        // y = x ;
        // console.log(x);
        // console.log(y);



        var a = 2 ;
        console.log(typeof a) ;   // number 黑色
        console.log(typeof 'number') ;  // string


        var b = true ;
        console.log(typeof typeof b) ;  // 


        console.log(typeof 2) ;   // number
        console.log(typeof 'hi') ;   // string


        console.log(typeof 'number') ;  // string


        var c = null ;
        console.log( typeof c) ;  // object
        console.log(typeof typeof c) ;  // string

        var d ;
        console.log(typeof d) ;  // undefined 
        console.log(typeof typeof d) ;  // string





    </script>
    
</body>
</html>